<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
	<title>AGREGAR SEMASTRE</title>
	<link type="text/css" rel="stylesheet"
		href="#{request.contextPath}/css/default.css" />
	<link type="text/css" rel="stylesheet"
		href="#{request.contextPath}/themes/#{preferencias.tema}/skin.css" />
	<link type="text/css" rel="stylesheet"
		href="#{request.contextPath}/syntaxhighlighter/styles/syntaxhighlighter.css" />
</h:head>
<body bgcolor="black">
	<div align="center">
		<h:panelGrid columns="1">
			<h:form id="semestre">
				<div align = "center">
					<br /><br />
					<h1><h:outputText value="AGREGAR SEMESTRE" style="color: red" /></h1>
					<br /><br />
				</div>
				<p:panel id="panel" header="Nuevo semestre" style="margin-bottom:10px;">
					<p:messages /> 
					<div align = "center">
						<br />
						<h:outputText value="Ingrese los datos del semestre a crear" style="color: black" />
						<br /><br />
						<h:panelGrid columns="2" rendered="#{semestreBean.accion != 'registrar'}">
							<h:outputText value="Semestre :"  style="color: black" rendered="#{semestreBean.accion != 'registrar'}"/>
							<h:inputText id="nombre" style="color: black" value="#{semestreBean.semestre.nombreSemestre}" required="true" readonly="true" rendered="#{semestreBean.accion != 'registrar'}"/> 
						</h:panelGrid>
						<h:panelGrid columns="3">
							<h:outputText value="Fecha inicio :  "  style="color: black"/>
							<p:calendar id="fechaInicio" required="true" requiredMessage = "Indique la fecha de inico" value="#{semestreBean.semestre.fechaDeInicio}" rendered="#{semestreBean.accion == 'registrar'}"/>
							<p:calendar id="fechaInicioLeer" required="true" readonly="true" value="#{semestreBean.semestre.fechaDeInicio}" rendered="#{semestreBean.accion != 'registrar'}"/>
							<p:message for="fechaInicio" />
							
							<h:outputText value="Fecha fin : "  style="color: black"/>
							<p:calendar id="fechaFin" required="true" requiredMessage = "Indique la fecha de fin" value="#{semestreBean.semestre.fechaFinal}" rendered="#{semestreBean.accion == 'registrar'}"/>
							<p:calendar id="fechaFinLeer" required="true" readonly="true" value="#{semestreBean.semestre.fechaFinal}" rendered="#{semestreBean.accion != 'registrar'}"/>
							<p:message for="fechaFin" />
						</h:panelGrid>
						<h:panelGrid columns="2">
							<h:outputText value="Numero de semestre :  "  style="color: black"/>
							<h:selectOneMenu value ="#{semestreBean.semestre.numeroDeSemestre}">
								<f:selectItem itemValue="1" />
								<f:selectItem itemValue="2" />
							</h:selectOneMenu>
						</h:panelGrid>
						<br />
						<p:commandButton value="Aceptar" update="semestre fdatos" 
							actionListener="#{semestreBean.adicionarSemestre}" style="margin-right:20px;" rendered="#{semestreBean.accion == 'registrar'}"/>
						<p:commandButton value="actualizar" update="semestre fdatos" 
							actionListener="#{semestreBean.actualizarSemestreDeBD}" style="margin-right:20px;" rendered="#{semestreBean.accion != 'registrar'}"/>
						<p:commandButton value="Cancelar" update="semestre fdatos" 
							actionListener="#{semestreBean.cancelar}" style="margin-right:20px;" rendered="#{semestreBean.accion != 'registrar'}"/>
					</div>
				</p:panel>
			</h:form>
		</h:panelGrid>
	</div>
	
	<div align="center">
		<br />
		<h1><h:outputText value="SEMESTRES EXISTENTES EN LA BASE DE DATOS" style="color: red" /></h1>
		<br />
	</div>
	<div align="center">
		<h:panelGrid columns="1">
			<h:form id="fdatos" prependId="false">
				<p:dataTable id="tabla" value="#{semestreBean.semestres}" var="semestre" paginator="true" rows="5" emptyMessage="No hay semestres registrados">
					<p:column filterBy="#{semestre.nombreSemestre}" filterMatchMode="startsWith" footerTex="comienza por">
						<f:facet name="header"><h:outputText value="Nombre " /></f:facet>
						<h:outputText value="#{semestre.nombreSemestre}" />
					</p:column>
					<p:column filterBy="#{semestre.fechaDeInicio}" filterMatchMode="startsWith" footerTex="comienza por">
						<f:facet name="header"><h:outputText value="Fecha de inicio" ></h:outputText></f:facet>
						<h:outputText value="#{semestre.fechaDeInicio}">
							<f:convertDateTime pattern="dd/MM/yyyy" />
						</h:outputText>
					</p:column>
					<p:column filterBy="#{semestre.fechaFinal}" filterMatchMode="startsWith" footerTex="comienza por">
						<f:facet name="header"><h:outputText value="Fecha de fin" ></h:outputText></f:facet>
						<h:outputText value="#{semestre.fechaFinal}">
							<f:convertDateTime pattern="dd/MM/yyyy" />
						</h:outputText>
					</p:column>
					<p:column filterBy="#{semestre.numeroDeSemestre}" filterMatchMode="startsWith" footerTex="comienza por">
						<f:facet name="header"><h:outputText value="Numero de semestre" /></f:facet>
						<h:outputText value="#{semestre.numeroDeSemestre}"/>
					</p:column>
					<p:column>
						<f:facet name="header"><h:outputText value="Actualizar" /></f:facet>
						<p:commandButton update="semestre" image="ui-icon ui-icon-refresh">
							<f:setPropertyActionListener value="actualizar"	target="#{semestreBean.accion}" />
							<f:setPropertyActionListener value="#{semestre}" target="#{semestreBean.semestre}" />
						</p:commandButton>
					</p:column>
				</p:dataTable>
				
				<div align="center">
					<p:panel id="panelExportacion" header="Exportacion" style="margin-bottom:10px;">
						<div align="center">
							<h:panelGrid columns="5">
								<h:outputText value="Exportar datos de la tabla:" style="color: black" />
								<h:commandLink>
									<p:graphicImage value="/images/pdf.png" />
									<p:dataExporter type="pdf" target="tabla" fileName="semestres" />
								</h:commandLink>
								<h:commandLink>
									<p:graphicImage value="/images/excel.png" />
									<p:dataExporter type="xls" target="tabla" fileName="semestres" />
								</h:commandLink>
								 <h:commandLink>  
						            <p:graphicImage value="/images/csv.png" />  
						            <p:dataExporter type="csv" target="tabla" fileName="semestres" />  
						        </h:commandLink>  
						        <h:commandLink>  
						            <p:graphicImage value="/images/xml.png" />  
						            <p:dataExporter type="xml" target="tabla" fileName="semestres" />  
						        </h:commandLink> 
							</h:panelGrid>
						</div>
					</p:panel>
				</div>
			</h:form>
		</h:panelGrid>
	</div>	
	<h:form>
		<br/><br/>
			<div align="center">
				<h:commandButton value="Volver a menu principal" action="/Paginas/paginasIniciales/paginaInicioAdministrativo.xhtml" style="margin-right:40px;" />
			</div>
		<br/><br/>
	</h:form>
</body>
</html>